<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="网页设计,网页设计培训,平面设计培训,UI设计培训机构" />
<meta name="description" content="国内一流的网页平面UI设计培训机构">
<title>传智播客网页平面设计学院</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div class="contianer">
<!--top begin-->
	<div class="top">
		<div class="logo"><img src="images/logo.jpg"></div>
		<div class="pic01"><img src="images/pic01.gif" /></div>
		<div class="options">
			<div class="home"><span></span><a href="#">设为首页</a></div>
			<div class="fav"><span></span><a href="#">加入收藏</a></div>
		</div>
	</div>
<!--top end-->
<!--nav begin-->
	<div class="nav">
		<div class="nav_con"><ul>
			<li><a href=”#”>首 页</a><span></span></li>
			<li><a href=”#”>课程介绍</a><span></span></li>
			<li><a href=”#”>教程下载</a><span></span></li>
			<li><a href=”#”>师资力量</a><span></span></li>
			<li><a href=”#”>就业信息</a><span></span></li>
			<li><a href=”#”>学员作品</a><span></span></li>
			<li><a href=”#”>校园生活</a><span></span></li>
			<li><a href=”#”>报名流程</a><span></span></li>
			<li><a href=”#”>常见问题</a><span></span></li>
			<li><a href=”#”>来校路线</a><span></span></li>
		</ul></div>
	</div>
<!--nav end-->
<div class="main">
<!--banner begin-->
	<div class="banner">
		<!--left begin-->
		<div class="left">
			<div class="content_left">
				<p class="school_en">CHUANZHIBOKECHUAN<br />ZHIBOKE</p>
				<p class="school_ch">传智播客</p>
				<p class="advertise">以就业为导向<br />打造理论与实践相结合的实战型人才</p>
				<ul class="style_a">
					<li class="current"><a href="#">1</a></li>
					<li><a href="#">2</a></li>
					<li><a href="#">3</a></li>
					<li><a href="#">4</a></li>
				</ul>
			</div>
		</div>
<!--left end-->
<!--right begin-->
	<div class="right">
		<div class="content_right">
			<h2>课程介绍<br />INTRODUCTION</h2>
			<ul class="style_icon">
				<li><a href="#"><img src="images/icon1.gif" /></a></li>
				<li><a href="#"><img src="images/icon2.gif" /></a></li>
				<li><a href="#"><img src="images/icon3.gif" /></a></li>
				<li><a href="#"><img src="images/icon4.gif" /></a></li>
			</ul>
			<p class="cl">在传智播客设计学院，您只需要花一份学费,就可以同时学习平面设计,网页设计,UI设计,FLASH设计四门主流技术。</p>
		</div>
	</div>
<!--right end-->
	</div>
<!--banner end-->
<!--stages begin-->
	<div class="stages">
		<div class="stages_title">通知公告</div>
		<div class="stages_con">
			<marquee>
				<ul>
					<li><a href="#">【广州喜讯】报名网页平面UI就业班喜送基础班</a></li>
					<li><a href="#">史上最难就业年，怎么办？到传智免费学PS吧！</a></li>
				</ul>
			</marquee>
		</div>
	</div>
<!--stages end-->
<!--content begin-->
	<div class="content">
		<div class="line1">
			<!--left-->
			<div class="left">
				<div class="module">
					<div class="title">
						<div class="title_left"></div>
						<div class="title_right"><span></span>示范专业建设模块</div>
						<div class="title_bottom"></div>
					</div>
					<div class="module_con">
						<ul>
							<li><span></span><a href="#">人才培养</a></li>
							<li><span></span><a href="#">课程体系</a></li>
							<li><span></span><a href="#">教学改革</a></li>
							<li><span></span><a href="#">实习实训</a></li>
							<li><span></span><a href="#">师资队伍</a></li>
							<li><span></span><a href="#">校企互联</a></li>
							<li><span></span><a href="#">示范效应</a></li>
							<li><span></span><a href="#">more</a></li>
						</ul>
					</div>
				</div>
				<div class="job">
					<div class="job_title"><span></span>招聘信息</div>
					<div class="job_con">
						<ul>
							<li><span></span><a href="#">斯特孚教育招聘UI平面设计</a></li>
							<li><span></span><a href="#">北京普天合力招聘视觉设计师</a></li>
							<li><span></span><a href="#">久久康体网招聘UI设计师</a></li>
							<li><span></span><a href="#">神州飞思公司招聘UI设计</a></li>
							<li><span></span><a href="#">虞臣网络科技招聘IT人才</a></li>
						</ul>
					</div>
				</div>
			</div>
			<!--left-->
<!--center-->
	<div class="center">
		<div class="message">
			<div class="message_title">
				<div class="m_title_left"><a href="#" class="current"><span>专业动态</span></a><a href="#"><span>行业动态</span></a></div>
				<div class="more"><a href="#"><img src="images/more.gif" align="middle" /></a></div>
			</div>
			<div class="message_con">
				<div class="message_left">
					<img src="images/pic1.gif">
				</div>
				<div class="message_right">
					<ul class="left_ul">
						<li><span></span><a href="#">网页平面设计学院七期班香山游</a></li>
						<li><span></span><a href="#">传智播客网页平面六期久违的体育课</a></li>
						<li><span></span><a href="#">网页平面设计学院四期班奥林匹克公园一日游</a></li>
						<li><span></span><a href="#">网页平面设计学院三期班798艺术区一日游</a></li>
						<li><span></span><a href="#">网页平面设计学院二期班自助烧烤</a></li>
					</ul>
					<ul class="right_ul">
						<li><a href="#">2013/06</a></li>
						<li><a href="#">2013/06</a></li>
						<li><a href="#">2013/06</a></li>
						<li><a href="#">2013/06</a></li>
						<li><a href="#">2013/06</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="teacher">
			<div class="teacher_title"><span></span>师资力量<a href="#"><img src="images/more.gif" /></a></div>
			<div class="teacher_con">
				<ul>
					<li>
						<div><a href="#"><img src="images/teacher01.gif" /></a></div>
						<div class="name"><a href="#">网页主讲张老师</a></div>
					</li>
					<li>
						<div><a href="#"><img src="images/teacher02.gif" /></a></div>
						<div class="name"><a href="#">网页主讲刘老师</a></div>
					</li>
					<li>
						<div><a href="#"><img src="images/teacher03.gif" /></a></div>
						<div class="name"><a href="#">网页主讲韩老师</a></div>
					</li>
					<li>
						<div><a href="#"><img src="images/teacher04.gif" /></a></div>
						<div class="name"><a href="#">网页主讲邵老师</a></div>
					</li>
				</ul>
			</div>
		</div>
	</div>
<!--center-->
			<!--right-->
				<div class="right">
					<div class="course">
						<h3>精品课程<span>Courses</span></h3>
						<ul>
							<li><span></span><a href="#">网页平面UI基础班</a></li>
							<li class="course_2"><span></span><a href="#">网页平面UI就业班</a></li>
							<li class="course_3"><span></span><a href="#">Html+CSS 基础班</a></li>
							<li class="course_4"><span></span><a href="#">Html+CSS 就业班</a></li>
							<li class="course_5"><span></span><a href="#">Dreamweaver 基础班</a></li>
						</ul>
					</div>
					<div class="study">
						<a href="#"><img src="images/study.gif" /></a>
					</div>
				</div>
			<!--right-->
		</div>
<div class="line2">
	<!--data-->
		<div class="data">
			<div class="data_title"><span></span>数据统计</div>
			<div class="data_con">
				<div class="con_border">
					<a href="#"><img src="images/pic02.gif" /></a>
					<a href="#"><img src="images/pic03.gif" /></a>
				</div>
			</div>
		</div>
	<!--data-->
	<!--book-->
		<div class="book">
			<div class="book_title"><span></span>资源中心</div>
			<div class="book_con">
				<div class="book_con_border"><ul>
					<li>
						<div><a href="#"><img src="images/book01.gif" /></a></div>
						<div class="name"><a href="#">课件库</a></div>
					</li>
					<li>
						<div><a href="#"><img src="images/book02.gif" /></a></div>
						<div class="name"><a href="#">教学论文</a></div>
					</li>
					<li>
						<div><a href="#"><img src="images/book03.gif" /></a></div>
						<div class="name"><a href="#">课堂实录</a></div>
					</li>
					<li>
						<div><a href="#"><img src="images/book04.gif" /></a></div>
						<div class="name"><a href="#">教学反思</a></div>
					</li>
					<li>
						<div><a href="#"><img src="images/book01.gif" /></a></div>
						<div class="name"><a href="#">课件库</a></div>
					</li>
					<li>
						<div><a href="#"><img src="images/book02.gif" /></a></div>
						<div class="name"><a href="#">教学论文</a></div>
					</li>
					<li>
						<div><a href="#"><img src="images/book03.gif"></a></div>
						<div class="name"><a href="#">课堂实录</a></div>
					</li>
				</ul></div>
			</div>
		</div>
	<!--book-->
</div>
	</div>
<!--content end-->
</div>
<!--footer begin-->
	<div class="footer">
		<div class="btn">
			<div><a href="#"><img src="images/top_btn.gif" /></a></div>
			<div><a href="#">Top</a></div>
		</div>
		<div class="footer_con">
			<ul class="pic">
                <li class="pic_con"><span>友情链接</span></li>
				<li><a href="#"><img src="images/mhzxxls.jpg" /></a></li>
				<li><a href="#"><img src="images/link2.jpg" /></a></li>
				<li><a href="#"><img src="images/link3.jpg" /></a></li>
				<li><a href="#"><img src="images/link4.jpg" /></a></li>
			</ul>
			<p>传智播客-专业java培训、.net培训、php培训、iOS培训、C++培训、网页设计、平面设计培训机构</p>			
			<p>版权所有 2006 - 2014 北京传智播客教育科技有限公司</p>
			<p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096</p>
			<p>电话：010-82935150/60/70 传真：010-82935100 邮箱: zhanghj+itcast.cn</p>
			<p>京ICP备08001421号 京公网安备110108007702</p>
		</div>
	</div> 
<!--footer begin-->
</div> 
</body>
</html>